<template>
  <div class="doms">
    <div id="three-frame"></div>
  </div>
</template>

<script setup>
// 圆盘地盘 地盘动画
import Render3DMode from "./uselib/useThree1";
import { getGeoJsonall } from "@/lib/getGeoJson";
let { initMaps, setMapDom, setmapborder } = Render3DMode("three-frame");

onMounted(() => {
  initMaps();
  getGeoJsonall("100000_full").then((e) => {
    setMapDom(e.data.features);
  });
  getGeoJsonall("100000").then((e) => {
    // console.log()
    setmapborder(e.data.features);
  });
});
</script>

<style lang="scss">
#three-frame {
  width: 100vw;
  height: 100vh;
}
.doms {
  width: 100vw;
  height: 100vh;
  background: #4d5353;
}
.echartbox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  /* background: rgba(153, 150, 150, 0.738); */
  top: 0;
  left: 0;
  pointer-events: none;
}
</style>
